<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重庆耀炎食品有限公司</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/Info.css">
</head>

<body>
<div class="main">
    <!--导航栏-->
    <div class="container nav-container">
        <ul class="nav">
            <!--首页-->
            <li class="nav-item ">
                <a href="../index.html">首页</a>
            </li>
            <!--品牌与产品-->
            <li class="nav-item">
                <a href="Product.html">品牌与产品</a>
            </li>
            <!--联合营作-->
            <li class="nav-item">
                <a href="Cooperation.html">联合营作</a>
            </li>
            <!--logo-->
            <li class="nav-item mid_logo">耀炎食品</li>
            <!--配套服务-->
            <li class="nav-item">
                <a href="Service.html">配套服务</a>
            </li>
            <!--门店信息-->
            <li class="nav-item active">
                <a href="Info.html">门店信息</a>
            </li>
            <!--关于我们-->
            <li class="nav-item nav-about">
                <a href="About.html">关于我们</a>
                <div class="nav-about-list">
                    <p>企业</p>
                    <p>加入我们</p>
                </div>
            </li>
        </ul>
    </div>
    <!--轮播图-->
    <header class="container swiper-container">
        <!--图片展示区-->
        <div class="swiper-slider">
            <div class="swiper-item show">
                <img src="../imgs/banner1.png" alt="图片1">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner2.jpg" alt="图片2">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner3.jpg" alt="图片3">
            </div>
        </div>
        <!--左侧按钮-->
        <div class="swiper-button swiper-button-prev">
            <img src="../imgs/left.png" alt="上一张">
        </div>
        <!--右侧按钮-->
        <div class="swiper-button swiper-button-next">
            <img src="../imgs/right.png" alt="下一张">
        </div>
    </header>

    <!--门店信息-->
    <article>
        <div class="content">
            <!--标题-->
            <div class="content_title">
                <p>百滋百特</p>
            </div>
            <!--内容-->
            <div class="info">
                <!--左侧栏-->
                <div class="left">
                    <!--左侧重庆-->
                    <div class="left_top" onclick="showLittleNav(true)">
                        <p class="left_text_one">重庆/龙湖时代天街店—重庆市渝中区龙湖时代天街购物广场C馆L1-55B</p>
                        <div class="left_img content-min-img"></div>
                        <div class="num content-img-num">1/5</div>
                    </div>
                    <!--浙江-->
                    <div class="left_text_two">
                        <h4>浙江省</h4>
                        <p>杭州/吴山总店—杭州市延安南路10号（吴山广场）</p>
                        <p>杭州/文三店——杭州市文三路463号（东方通信大厦对面）</p>
                        <p>宁波/北仑店——宁波市北仑区新契银泰城（泰山路中河路交叉口）</p>
                        <p>宁波/天一广场店—宁波市天一广场右营巷43号</p>
                        <p>湖州/人民广场店—苕溪西路57号（人民广场公交站）</p>
                        <p>绍兴/诸暨店——暨阳路272号（浣江路中学对面）</p>
                        <p>绍兴/诸暨店——诸暨市东兴路117号（大润发对面）</p>
                        <p>嘉兴/嘉兴店——中港城沃尔玛出口处南</p>
                        <p>义务/义乌店——绣湖西路11号</p>
                        <p>金华/金华店——金华解放东路450号</p>
                        <p>金华/金华二店—金华市兰溪街111</p>
                    </div>
                    <!--广东-->
                    <div class="left_text_three">
                        <h4>广东省</h4>
                        <p>潮州/潮州店——潮州市环城西路新桥花园1号</p>
                        <p>潮州/潮州2店—潮州市枫溪瓷兴路路头（怀德市场斜对面）</p>
                        <p>潮州/奎元店——潮州市奎元实验学校斜对面</p>
                    </div>
                    <!--河南-->
                    <div class="left_text_four">
                        <h4>河南省</h4>
                        <p>开封/御街口店——开封市西大街1号（宋都御街口/大商斜对面</p>
                    </div>
                    <!--福建-->
                    <div class="left_text_five">
                        <h4>福建省</h4>
                        <p>厦门/集美万达店——厦门市集美区银江路137号集美万达金街56号</p>
                        <p>泉州/晋江店——晋江市青阳湖光西路东岩苑1幢90-92号</p>
                    </div>
                    <!--内蒙古-->
                    <div class="left_text_six">
                        <h4>内蒙古</h4>
                        <p>集宁/内蒙古集宁店—内蒙古乌兰察布市集宁区奥威购物广场5楼</p>
                    </div>
                </div>
                <!--中间竖线-->
                <div class="mid_img"><img src="../imgs/line.png" alt="|"></div>
                <!--右侧栏-->
                <div class="right">
                    <!--右侧重庆-->
                    <div class="right_top">
                        <p class="right_text_one">重庆/龙湖时代天街店—重庆市渝中区龙湖时代天街购物广场C馆L1-55B</p>
                        <img src="../imgs/info.png" alt="很大的门面">
                    </div>
                    <!--山西-->
                    <div class="right_text_two">
                        <h4>山西省</h4>
                        <p>太原/北美新天地店—太原市长风街长治路口北美新天地4楼F443</p>
                        <p>太原/美都汇店——太原市小店区康宁街美都汇二层</p>
                        <p>太原/富百家店——太原市富百家购物中心北门</p>
                    </div>
                    <!--江苏-->
                    <div class="right_text_three">
                        <h4>江苏省</h4>
                        <p>常州/常州店——常州市钟楼区莱蒙都会商业街5-106/107号</p>
                        <p>张家港/购物公园店—张家港市购物公园沃尔玛一楼南门口处</p>
                    </div>
                    <!--湖北-->
                    <div class="right_text_four">
                        <h4>湖北省</h4>
                        <p>武汉/光谷天地店——武汉市东湖高新区关山大道光谷天地029号</p>
                        <p>赤壁/赤壁店——赤壁市家联超市后门旁右侧</p>
                    </div>
                    <!--甘肃-->
                    <div class="right_text_five">
                        <h4>甘肃省</h4>
                        <p>兰州/兰州店——兰州市安宁区金牛街（西北师范大学斜对面）</p>
                    </div>
                    <!--沙特阿拉伯-->
                    <div class="right_text_six">
                        <h4>沙特阿拉伯</h4>
                        <p>沙特阿拉伯/利雅得——名品街店</p>
                    </div>
                </div>
            </div>
        </div>
        <!--弹窗-->
        <div class="little_nav">
            <!--x-->
            <div class="close" onclick="showLittleNav(false)">×</div>
            <!--播放-->
            <div class="little-gallery">
                <div class="item show">
                    <img src="../imgs/little_nav.png" alt="图1">
                </div>
                <div class="item">
                    <img src="../imgs/little_nav2.jpg" alt="图2">
                </div>
                <div class="item">
                    <img src="../imgs/little_nav3.jpg" alt="图3">
                </div>
                <div class="item">
                    <img src="../imgs/little_nav4.jpg" alt="图4">
                </div>
                <div class="item">
                    <img src="../imgs/little_nav5.jpg" alt="图5">
                </div>
            </div>
            <!--上一张-->
            <div class="button button-prev">
                <img src="../imgs/left.png" onclick="nextLittleImg('prev')" alt="<">
            </div>
            <!--下一张-->
            <div class="button button-next">
                <img src="../imgs/right.png" onclick="nextLittleImg('next')" alt=">">
            </div>
        </div>
    </article>

    <!--页脚-->
    <footer class="container footer">
        <!--左侧企业介绍-->
        <div class="footer_left">
            <p>重庆耀炎食品有限公司</p>
            <p>地址：重庆市渝中区龙湖时代天街C馆17栋</p>
            <p>耀炎食品&copy;版权所有</p>
        </div>
        <!--中间产品logo-->
        <div class="footer_mid">耀炎食品</div>
        <!--右侧联系方式-->
        <div class="footer_right">邮箱:info@yaoyanfood.com</div>
    </footer>
</div>
</body>
<script src="../js/header.js"></script>
<script src="../js/info.js"></script>
</html>